var urlComponent = Vue.extend({

data(){
  return{
  	netUrlList: [],
  };
},
mounted: function() {
    this.$nextTick(function() {
        this.getNetUrlList();
    });
},
methods: {
	getNetUrlList(){
		//axios.get('http://www.cmsya.com/libs/Study/vuejs/url/netUrl.json')
		axios.get('netUrl.json')
		.then(function (res) {
			//console.log(res.data.result);
			this.netUrlList = res.data.result;
		}.bind(this)).catch(
			function (err) {
				console.log(err);
			}
		)
	},
    getResource: function() {
        var _this = this;
        this.$http.get("netUrl.json?time="+oNowTime).then(function(res) {
        //this.$http.get("http://oqxgojwyz.bkt.clouddn.com/netUrl.json?time="+oNowTime).then(function(res) {
            _this.netUrlList = res.body.result;
            //console.log(_this.netUrlList);
        });
    },

},

template:'\
	<div>\
		<div class="left">\
			<a v-for="(item,index) in netUrlList" v-bind:href="\'#\' + item.title" v-text="item.title"></a>\
		</div>\
		<div class="right">\
			<div v-for="(item,index) in netUrlList">\
				<h1 v-bind:id="item.title" ><span class="glyphicon glyphicon-signal"></span>{{item.title}}</h1>\
				<div class="animated fadeInUpBig col-xs-6 col-sm-4 col-md-3 col-lg-2 thumbnail" v-for="(site, index) in item.sites">\
					<a v-bind:href="site.siteUrl" target="_blank">\
						<img v-lazy="site.siteLogo">\
						<h5 v-text="site.siteName"></h5>\
					</a>\
				</div>\
			</div>\
		</div>\
	</div>\
',

});